@use 'sass:map';
@use 'sass:color';
@use '@angular/material' as mat;

@mixin color($config-or-theme) {
  $config: mat.get-color-config($config-or-theme);
  $background: map.get($config, background);
  $foreground: map.get($config, foreground);
  $primary: map.get($config, primary);
  $accent: map.get($config, accent);

  .pac-widget-accounting-statement {

    .mat-card-header-text {
      color: mat.get-color-from-palette($foreground, secondary-text);
    }

    .mat-table {
      background: transparent;

      .mat-cell, .mat-header-cell {
        white-space: nowrap;
      }
      tr.pac-widget-accounting-statement__underline > td {
        border-bottom: 2px solid grey;
      }
      tr.pac-widget-accounting-statement__italic {

        td:not(.group) {
          font-style: italic;
        }

        td.title {
          color: mat.get-color-from-palette($foreground, secondary-text);
        }
      }
    }
  }
}

@mixin density($config-or-theme) {
  .pac-widget-accounting-statement {
    th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
      padding: 0 5px;
    }
  }
}

@mixin typography($config-or-theme) {
}
